<template>
  <div class="bg-w">
    <div class="newDetails-box">
      <!-- <build-el-bread text="新闻详情"></build-el-bread> -->
      <div style="margin:0 auto;">
        <div class="news-title-box">
          <div class="title">{{ newDetails.title }}</div>
          <div class="time">
            <span>
              时间：{{ newDetails.updateTime }} 来源：{{
              newDetails.subhead
              }}
            </span>
          </div>
        </div>
        <div v-html="newDetails.content"></div>
      </div>
    </div>
  </div>
</template>
<script>
import buildElH1 from '../build-el-h1'
import buildElTimeList from '../build-el-time-list'
import buildElTimeRight from '../build-el-time-right'
import buildElBread from '@/components/build-el-bread'
export default {
  components: {
    buildElH1,
    buildElTimeList,
    buildElTimeRight,
    buildElBread,
  },
  data() {
    return {
      tableData: [],
      newDetails: {},
    }
  },
  async mounted() {
    console.log(this.$route.query, 'wwwwwwwwwwwwwwww')
    let res = await this.api.selectNewsFIRST({
      newsId: this.$route.query.id,
    })
    this.newDetails = res
    console.log(this.newDetails)
  },
  methods: {},
}
</script>
<style lang="less" scoped>
.newDetails-box {
  width: 100%;
  margin: 0 auto;

  text-align: left;
  padding: 50px 30px;
  padding-bottom: 80px;
  box-sizing: border-box;
  margin-bottom: 48px;
  border-radius: 6px;
  // background-color: #fff;
  margin-top: 30px;
  padding-top: 0;
  img {
    width: 100%;
  }
  .news-title-box {
    .time {
      margin-bottom: 50px;
      border-bottom: 1px solid #ededed;
      color: #666;
      font-size: 14px;
      padding-bottom: 14px;
      box-sizing: border-box;
    }
    .title {
      font-weight: bold;
      font-size: 20px;
      color: #333;
      margin-bottom: 32px;
    }
  }
}
</style>